<template>
    <view class="container flex flex-col items-center justify-center">
        <view class="container__img">
            <uv-image src="/static/logo.png" width="160" height="120"></uv-image>
        </view>
        <view class="fs-34 mt-65">
            扫描身份证进行实名认证
        </view>
        <view class="fs-22 c-888888 mt-10">
            请确保图片清晰，四角完整
        </view>
        <view class="w-60vw mt-30">
            <uv-form>
                <uv-form-item>
                    <uv-input placeholder="请输入真实姓名" :customStyle="{background:'#f0f2fb'}" shape="circle"
                        inputAlign="center"></uv-input>
                </uv-form-item>
                <uv-form-item>
                    <uv-input placeholder="请输入身份证号" :customStyle="{background:'#f0f2fb'}" shape="circle"
                        inputAlign="center"></uv-input>
                </uv-form-item>
            </uv-form>
        </view>
        <view class="container__btn mt-65 w-60vw">
            <uv-button size="large" color="#8a73e8" :customStyle="{borderRadius:'20rpx'}" text="扫描身份证校验"></uv-button>
        </view>
    </view>
</template>
<script lang="ts" setup></script>
<style scoped lang="scss">
    .container {
        min-height: 100vh;
    }
</style>